<template>
    <div style="border:1px solid #ffffff;padding:20px;margin-bottom:10px;background-color:#ffffff">
        <Steps :current="currentIndex" v-if="info.role_type == 4">
            <Step title="发布需求" content="编辑好需求后提交管理员进行需求审核。"></Step>
            <Step title="需求审核" content="等待管理员进行需求审核，审核通过后，该需求发布到金融平台上；审核不通过，请您重新编辑再进行审核提交。"></Step>
            <Step title="发布成功" content="在首页查看需求与您的需求进行对接，进入对接流程。"></Step>
            <Step title="需求回收" content="如果不需要将已发布的需求放到平台上，可以进行需求回收。"></Step>
        </Steps>
          <Steps :current="currentIndex" v-if="info.role_type != 4">
            <Step title="发布服务" content="编辑好服务后提交管理员进行服务审核。"></Step>
            <Step title="服务审核" content="等待管理员进行服务审核，审核通过后，该服务发布到金融平台上；审核不通过，请您重新编辑再进行审核提交。"></Step>
            <Step title="发布成功" content="在首页查看服务与您的服务进行对接，进入对接流程。"></Step>
            <Step title="服务回收" content="如果不需要将已发布的服务放到平台上，可以进行服务回收。"></Step>
        </Steps>
       
    </div>
</template>
 <script>
    export default {
        name: 'Demandprogress',
        props: {
            currentIndex: {
                type: Number
            }
        },
        computed: {
            info(){
                return this.$store.state.user.info;
            },
        }
    }
</script>